<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>选单词</title>
    <link rel="stylesheet" href="../../../media/com/css/material-design-iconic-font.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../../media/com/css/jquery.circliful.css">
    <link rel="stylesheet" type="text/css" href="../../../media/tea/css/common/common.css">
    <link rel="stylesheet" type="text/css" href="../../../media/tea/css/detail/detail.css"></head>
<body>
    <header>
        <a id="back"></a>
        预习详情
    </header>
    <div class="book"> <em></em>
        <p>《小白兔和小灰兔》</p>
        <p class="little">人教版一年级上册</p>
    </div>
    <ul class="c_list">
        <li>
            <a href="javascript:;">
                401班 <em>(20人)</em> <i>|</i>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="on">
                401班
                <em>(20人)</em> <i>|</i>
            </a>
        </li>
        <li>
            <a href="javascript:;">
                401班
                <em>(20人)</em>
            </a>
        </li>
    </ul>
    <div class="content">
        <div class="empty hidden">
            <em></em>
            <p>暂无学生完成预习</p>
        </div>
        <ul class="finished clearfix">
            <li>
                <a href="javascript:;" class="on">
                    已完成作业
                    <span>(8)</span>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    未完成作业
                    <span>(8)</span>
                </a>
            </li>
        </ul>
        <section class="de hidden">
            <h3>字词错误率统计</h3>
            <ul class="wnum clearfix">
                <li>
                <span data-text="35%" data-total="100" data-part="0"></span>
                与
                </li>
                <li>
                <span data-text="35%"       data-total="100" data-part="85"></span>
                与
                </li>
                <li>
                <span data-text="35%"       data-total="100" data-part="85"></span>
                与
                </li>
                <li>
                <span data-text="35%"       data-total="100" data-part="85"></span>
                与
                </li>
                <li>
                <span data-text="35%"       data-total="100" data-part="85"></span>
                与
                </li>
            </ul>
            <article>
                <h4>张小涛<span class="gray">用时 25'43''</span><em></em></h4>
                <div class="con">
                    <ul class="clearfix">
                        <li><a><p>标自然段</p><p>2'21''<em></em></p></a></li>
                        <li class="on"><a><p>课文跟读</p><p>2'21''<em></em></p></a></li>
                        <li><a><p>词语认识</p><p>2'21''<em></em></p></a></li>
                        <li><a><p>学写字</p><p>2'21''<em></em></p></a></li>
                        <li><a><p>生词听写</p><p>2'21''<em></em></p></a></li>
                    </ul>
                </div>
                <h4>张小涛<span class="gray">用时 25'43''</span><em></em></h4>
                <div class="con">
                    <ul class="clearfix">
                        <li><a><p>标自然段</p><p>2'21''<em></em></p></a></li>
                        <li class="on"><a><p>课文跟读</p><p>2'21''<em></em></p></a></li>
                        <li><a><p>词语认识</p><p>2'21''<em></em></p></a></li>
                        <li><a><p>学写字</p><p>2'21''<em></em></p></a></li>
                        <li><a><p>生词听写</p><p>2'21''<em></em></p></a></li>
                    </ul>
                </div>
                <h4>张小涛<span class="gray">用时 25'43''</span><em></em></h4>
                <div class="con">
                    <ul class="clearfix">
                        <li><a><p>标自然段</p><p>2'21''<em></em></p></a></li>
                        <li class="on"><a><p>课文跟读</p><p>2'21''<em></em></p></a></li>
                        <li><a><p>词语认识</p><p>2'21''<em></em></p></a></li>
                        <li><a><p>学写字</p><p>2'21''<em></em></p></a></li>
                        <li><a><p>生词听写</p><p>2'21''<em></em></p></a></li>
                    </ul>
                </div>
            </article>
        </section>
        <section class="unfinished">
            <ul class="clearfix">
            <li>张晓彤童</li>
            <li>张晓彤童</li>
            <li>张晓彤童</li>
            <li>张晓彤童</li>
            <li>张晓彤童</li>
            <li>张晓彤童</li>
            <li>张晓彤童</li>
            <li>张晓彤童</li>
            </ul>
        </section>
         <a href="javascript:;" class="btn2">写评语</a>
    </div>
</body>
    <!-- <script type="text/javascript" src="../../../media/com/js/zepto.js"></script> -->
    <!-- <script type="text/javascript" src="../../../media/com/js/common.js"></script> -->
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../../media/com/js/jquery.circliful.min.js"></script>
    <script type="text/javascript" src="../../../media/tea/js/detail/detail.js"></script>

</html>